<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

    .layui-upload-colse {
        position: relative;
    }

    .closeUpload {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .upImg {
        width: 80px;
        height: 80px;
    }

    .formfixed {
        position: relative;
    }

    .remove {
        position: absolute;
        top: 125%;
        right: -175px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .myheader {
        height: 140px;
        background-color: #FFFFFF;
        padding: 20px 0;
        display: flex;
        align-items: center;
        margin: 0;
        flex-wrap: wrap;
    }

    .layui-tab {

        overflow: auto;
        background-color: #FFFFFF;
        margin: 10px 0 0 0;
    }

    .layui-input-block1 {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .layui-tab-title{
        height: 40px!important;
    }
    .layui-tab-content{
        height: calc(100% - 55px);
        overflow: auto;
    }
    .layui-disabled, .layui-disabled:hover {
        color: #000 !important;
        cursor: not-allowed !important;
    }
</style>
<body>
<input id="userId" th:value="${userId}" style="display: none">
<input id="infoType" th:value="${infoType}" style="display: none">
<input id="inviteeId" th:value="${myData?.inviteeId}" style="display: none">
<input id="inviterId" th:value="${myData?.inviterId}" style="display: none">
<input id="projectId" th:value="${myData?.projectId}" style="display: none">
<input id="interviewStatus" th:value="${myData?.interviewStatus}" style="display: none">
<div class="layui-fluid mt2" style="background-color: #f0f2f5;padding: 0px!important">
    <form class="layui-form" style="height: 100%;">
<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label" style="width: auto !important;">邀约人基本信息</label>-->
<!--        </div>-->
        <div class="layui-form-item" style="background: #fff;  height: 60px;    padding-top: 10px;">
            <div class="layui-inline" style="width: calc((100% - 70px) / 5)">
                <label class="layui-form-label">发布人：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.inviterName}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 70px) / 5)">
                <label class="layui-form-label">当前状态：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.status==1?'已发送':(myData?.status==2?'已取消':(myData?.status==3?'已同意':(myData?.status==4?'已拒绝':'-')))}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 70px) / 5)">
                <label class="layui-form-label">面试状态：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.interviewStatus==2?'已结束':(myData?.interviewStatus==1?'洽谈中':'-')}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 70px) / 5)">
                <label class="layui-form-label">服务人：</label>
                <div class="layui-input-block layui-input-block1" id="fw1" th:text="${myData?.inviteeName}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 70px) / 5)">
                <label class="layui-form-label">创建时间：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.createTime} eq null ? '' : ${#dates.format(myData?.createTime, 'yyyy-MM-dd HH:mm:ss')}">
                </div>
            </div>
<!--            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">-->
<!--                <label class="layui-form-label">联系方式</label>-->
<!--                <div class="layui-input-block layui-input-block1"  th:text="${myData?.inviterPhone}">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">-->
<!--                <label class="layui-form-label">需求类型</label>-->
<!--                <div class="layui-input-block layui-input-block1"-->
<!--                     th:text="${myData?.projectName}">-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   padding-top: 10px;margin: 0" >
            <h3>基本信息</h3>
        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label">标题：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.title}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label">工作类型：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.projectName}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label">性别：</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.sex==1?'男':(myData?.sex==2?'女':'-')}">
                </div>
            </div>

        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 40px) / 3)">
                            <label class="layui-form-label">服务地址：</label>
                            <div class="layui-input-block layui-input-block1" th:text="${myData?.workAddress}">

                            </div>
                        </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3)">
                            <label class="layui-form-label">面试方式：</label>
                                <div class="layui-input-block layui-input-block1" th:text="${myData?.interviewFormat==0?'线下':'线上'}">
                                    0 线下 1 线下
                                </div>
                        </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3)">
                            <label class="layui-form-label">面试时间：</label>
                                <div class="layui-input-block layui-input-block1"
                                     th:text="${myData?.interviewTime} eq null ? '' : ${#dates.format(myData?.interviewTime, 'yyyy-MM-dd hh:mm:ss')}" >
                                </div>
                        </div>

        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label">面试地址：</label>
                            <div class="layui-input-block layui-input-block1" th:text="${myData?.interviewAddress}">
                            </div>
                        </div>
        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label">工作内容：</label>
                            <div class="layui-input-block layui-input-block1" th:text="${myData?.workContent}">
                            </div>
                        </div>
        </div>

<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label" style="width: auto !important;">家政人基本信息</label>-->
<!--        </div>-->
        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   padding-top: 10px;margin: 0" >
            <h3>阿姨信息</h3>
        </div>
        <div class="layui-form-item" style="background: #fff;  height: auto;   padding-top: 10px;display: flex; align-items: center;  justify-content: center;">
        <table class="layui-table" style="width: 90%">
            <thead>
            <tr>
                <th style="text-align: center;">  <span>姓名</span>  </th>
                <th style="text-align: center;">  <span>照片</span>  </th>
                <th style="text-align: center;">  <span>联系电话</span>  </th>
                <th style="text-align: center;"> <span>性别</span>  </th>
                <th style="text-align: center;"> <span>服务类型</span> </th>
                <th style="text-align: center;"> <span>年龄</span>  </th>
                <th style="text-align: center;"> <span>学历</span> </th>
                <th style="text-align: center;"> <span>工作经验</span>  </th>
                <th style="text-align: center;"> <span>工作经历</span> </th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="text-align: center;" >
                        <span th:if="${infoType!='push'}" id="fw2" th:text="${myData?.inviteeName!=''&&null!=myData?.inviteeName?myData?.inviteeName:'-'}"></span>
                        <select th:if="${infoType=='push'}"  id="mySelect" lay-search=""  name="mySelect" lay-verify="required"
                                lay-filter="demo-select-filter">
                           <option value="">请等待数据加载</option>
                        </select>
                    </td>
                    <td style="text-align: center;" >

                        <span id="fw3">
                            <img th:if="${myData?.inchPhoto!=''&&null!=myData?.inchPhoto}"  width="40" height="40" onclick="photosClick()" th:src="${myData?.inchPhoto}"/>
                            <th:block th:if="${null==myData?.inchPhoto||''==myData?.inchPhoto}">-</th:block>
                        </span>
                    </td>
                    <td style="text-align: center;" >
                        <span th:text="${myData?.inviteePhone!=''&&null!=myData?.inviteePhone?myData?.inviteePhone:'-'}" id="fw4"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span  th:text="${myData?.inviteeSex==1?'男':(myData?.inviteeSex==2?'女':'-')}" id="fw5"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span  th:text="${myData?.inviteeProjectName!=''&&null!=myData?.inviteeProjectName?myData?.inviteeProjectName:'-'}" id="fw6"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span th:text="${myData?.age!=''&&null!=myData?.age?myData?.age:'-'}" id="fw7"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span th:text="${myData?.education!=''&&null!=myData?.education?myData?.education:'-'}" id="fw8"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span th:text="${myData?.workExperience!=''&&null!=myData?.workExperience?myData?.workExperience:'-'}" id="fw9"></span>
                    </td>
                    <td style="text-align: center;" >
                        <span  id="fw10" ></span>
                        <script th:inline="javascript">
                            let mydata=[[${myData}]]
                            let myJson=JSON.parse(mydata.experience)
                            let myFW10='-'
                            if(null!=myJson&&''!=myJson&&myJson.length>0){
                                myFW10= myJson[0].describe
                            }else{
                                myFW10='-'
                            }
                            setTimeout(()=>{
                                $('#fw10').html(myFW10)
                            },200)
                        </script>
                    </td>
                </tr>
            </tbody>
        </table>
        </div>

<!--        <div class="layui-form-item">-->
<!--            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">-->
<!--                <label th:class="${infoType=='push'?'layui-form-label required':'layui-form-label'}">服务人</label>-->
<!--                <div class="layui-input-block layui-input-block1" th:if="${infoType!='push'}" th:text="${myData?.inviteeName}">-->
<!--                </div>-->
<!--                <div class="layui-input-block" th:if="${infoType=='push'}" >-->
<!--                    <select  id="mySelect" lay-search=""  name="mySelect" lay-verify="required"  lay-filter="demo-select-filter">-->
<!--                        <option value="">请等待数据加载</option>-->
<!--                    </select>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">-->
<!--                <label class="layui-form-label">联系方式</label>-->
<!--                <div class="layui-input-block layui-input-block1" id="inviterPhone" th:text="${myData?.inviteePhone}">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="width: calc((100% - 55px) / 2)">-->
<!--                <label class="layui-form-label">服务类型</label>-->
<!--                <div class="layui-input-block layui-input-block1" id="projectName" th:text="${myData?.inviteeProjectName}">-->

<!--                </div>-->
<!--            </div>-->

<!--        </div>-->

<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label" style="width: auto !important;" th:text="${(myData?.status!=2)?'面试信息':'取消原因'}"></label>-->
<!--        </div>-->
        <div style="height: 10px;   background-color: #f0f2f5;  width: 100%;  margin-top: -10px"></div>
        <div class="layui-form-item " th:if="${null!=myData?.id&&null!=myData.interviewStatus}"  style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   padding-top: 10px;margin: 0" >
            <h3  th:text="${(myData?.status!=2)?'面试信息':'取消原因'}"></h3>
        </div>
        <div class="layui-form-item" th:if="${null!=myData?.id&&null!=myData.interviewStatus}"  style="background: #fff;  height: 130px;display: flex; align-items: flex-start; padding-left: 30px;   padding-top: 10px;">
            <div class="layui-inline" style="width: calc(100% - 55px)">
                <label class="layui-form-label" th:if="${myData?.status!=2}">面试结果</label>
                <div class="layui-input-block layui-input-block1"
                     th:if="${myData?.interviewStatus!=1}"
                     th:text="${(myData?.status==2)?(myData?.cancelReason):(myData?.result==0?'待定':(myData?.result==1?'面试通过':'面试拒绝'))}">
                </div>

                <div  class="layui-form" th:if="${myData?.interviewStatus==1}">
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="0" title="待定" th:checked="${myData?.result==0}">
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="1" title="面试通过" th:checked="${myData?.result==1}" >
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="2" title="面试拒绝" th:checked="${myData?.result==2}" >
                </div>
                <div class="layui-input-block" th:style="${myData?.result==2?'display: block':'display: none'}"  id="refuseReason">
                            <textarea name="rejectReasion" placeholder="请输入拒绝原因" lay-verify="introduction"
                                      th:text="${myData?.rejectReasion}"
                                      th:disabled="${infoType=='info'}"
                                      class="layui-textarea"></textarea>
                </div>



            </div>

        </div>


        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="button" class="layui-btn" lay-submit lay-filter="submit" th:text="${infoType=='push'?'推送':'确定'}"></button>
            </div>
        </div>

    </form>
</div>

<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/xmSelect.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/interviewInvitation/info.js"></script>
</body>
</html>